<%@ page language="java" import="java.util.*,java.sql.* " pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--框架必需start-->
<script type="text/javascript" src="../js/jquery-1.4.js"></script>
<script type="text/javascript" src="../js/framework.js"></script>
<link href="../css/import_basic.css" rel="stylesheet" type="text/css"/>
<link  rel="stylesheet" type="text/css" id="skin"/>
<!--框架必需end-->

<!--多选下拉框start-->
<script type="text/javascript" src="../js/form/multiselect.js"></script>
<!--多选下拉框end-->

<!--表单验证脚本start-->
	<script src="../js/form/validationEngine-cn.js" type="text/javascript"></script>
	<script src="../js/form/validationEngine.js" type="text/javascript"></script>
<!--表单验证脚本end-->

<script type="text/javascript">
$(function(){
	$("#button_2").toggle(function(){
			$(this).val("取消");
			$("#iframe_1").show(1000);
		},
		function(){
			$(this).val("拍照");
			$("#iframe_1").hide(1000);
		});
});


$(function(){
	$("#button_1").toggle(function(){
		$(this).val("确认");
		$("#table_1").show(1000);
	},
	function(){
		$(this).val("扫描");
		$("#table_1").hide(1000);
	});
});

function verify(){
    document.depci.action="staffVehicleIO!staffVehicleInVerify";
    document.depci.method="post";
    document.depci.submit();
}
</script>

</head>
<body>
<div class="position">
	<div class="center">
	<div class="left">
	<div class="right">
		<span>当前位置：部门用车进入</span>
	</div>
	</div>
	</div>
</div>
<form action="staffVehicleIO!staffVehicleIn" name="depci" id="depci" method="post">
<div id="scrollContent">
	<div class="box1" panelWidth="800">

	<fieldset>
		<legend>验证部门人员信息</legend>
		<table class="tableStyle" transMode="true" footer="normal">
		<tr>
				<td width="15%">部门人员ID：</td>
				<td width="35%">
					<input type="text" name="usecarStaffid"/>
				</td>
				<td width="10%"></td>
				<td>
					<input type="button" value="扫描" id="button_1" onclick="verify()"/>
				</td>
			</tr>
		</table>
		<%--<table class="tableStyle" transMode="true" footer="normal" id="table_1" style="display:none" >--%>
		<table class="tableStyle" transMode="true" footer="normal" >
			<tr>
				<td width="10%">姓名：</td>
				<td width="40%">
					<s:property value="staffVehicleIOCPData.staff.lastName"/>
					<s:property value="staffVehicleIOCPData.staff.firstName"/>
				</td>
				<td width="10%">电话号码：</td>
				<td>
					<s:property value="staffVehicleIOCPData.staff.staffTel" />
				</td>
			</tr>
			<tr>
				<td>车牌号：</td>
				<td>
				<s:property value="staffVehicleIOCPData.innerVehicle.vehicleId" />
				</td>
				<td>车类型：</td>
				<td>
			    <s:property value="staffVehicleIOCPData.innerVehicle.type" />
				</td>
			</tr>
			<tr>
				<td>身份证号：</td>
				<td>
				<s:property value="staffVehicleIOCPData.staff.idNumber" />
				</td>
				<td>离开时间：</td>
				<td>
				<s:if test="staffVehicleIOCPData.innerVehicle.vehicleId!=null">
				<%
				Timestamp now=new Timestamp(System.currentTimeMillis());
				pageContext.setAttribute("now", now);
				%>
				<s:date name="#attr.now"  format="yyyy-MM-dd HH:mm:ss"/>
				</s:if>
				</td>
			</tr>
		</table>
 <input type="hidden" value="<s:property value="staffVehicleIOCPData.staff.staffId" />" name="modStaffId" />
	</fieldset>

	<fieldset>
		<legend>合法人信息记录</legend>
		<table class="tableStyle" transMode="true" footer="normal">
			<tr>
				<td>车牌号：</td>
				<td>
				<input type="text" name="vehicleId" class=" validate[required,custom[vehicleNum]]" /><span class="star">*</span>
				</td>

				<td>

				</td>
			</tr>
			<tr>
				<td>照片：</td>
				<td>
				<iframe id="iframe_1" src="../images/3.jpg" style="display:none"></iframe>
				</td>
				<td></td>
				<td>
				<input type="button" value="拍照" id="button_2"/>
				</td>
			</tr>
		</table>
	</fieldset>


	<div class="padding_top10">
		<table class="tableStyle" transMode="true">
			<tr>
				<td colspan="4">
					<input type="submit" value=" 提 交 "/>
					<input type="reset" value=" 重 置 "/>
				</td>
			</tr>
		</table>
	</div>
	</div>
</div>
</form>
</body>
</html>